.banner
  background-color #545862
  background-position center
  background-size cover
  color white
  display flex
  flex-direction column
  justify-content center
  align-items center
  height 36.25rem

  h2
    font-size 3.75rem
    line-height 1.25
    margin-bottom .5em

  h3
    font-size 2.25rem
    margin-bottom .5em

  p
    font-size 1.5rem
    line-height 2
    text-align center
    margin-bottom 0

  a:hover
    color white

  @media (min-width $sm-min-width)
    & p
      font-weight lighter

  @media (max-width $xs-max-width)
    &
      height 15rem

      h2
        font-size 2rem

#homepage-banner
  background-image url(../img/banner.jpg)